<div class="panel"><strong>My Subjects & Grades</strong></div>
<?if($enrollment_id):?>
<div class="section-container auto" data-section data-options="deep_linking: true">
	<section class="active">
		<p class="title" data-section-title><a href="#secinfo">Section Information</a></p>
		<div class="content" data-slug="secinfo" data-section-content>
			<?if($enrollment_id):?>
				<?@$this->load->view('guardian/_section')?>
			<?else:?>
				<div><code><?=$not_found_message;?></code></div>
			<?endif;?>
		</div>
	</section>

	<section>
		<p class="title" data-section-title><a href="#grades">Grades</a></p>
		<div class="content" data-slug="grades" data-section-content>
			<?if($enrollment_id):?>
				<?@$this->load->view('guardian/_grade')?>
			<?else:?>
				<div><code><?=$not_found_message;?></code></div>
			<?endif;?>
		</div>
	</section>

	<section>
		<p class="title" data-section-title><a href="#remarks">Remarks</a></p>
		<div class="content" data-slug="remarks" data-section-content>
			
			<?if($enrollment_id):?>
				<?@$this->load->view('guardian/_remarks')?>
			<?else:?>
				<div><code><?=$not_found_message;?></code></div>
			<?endif;?>
		</div>
	</section>

	<section>
		<p class="title" data-section-title><a href="#attendance">Attendance</a></p>
		<div class="content" data-slug="attendance" data-section-content>
			<?if($enrollment_id):?>
				<?@$this->load->view('guardian/_attendance')?>
			<?else:?>
				<div><code><?=$not_found_message;?></code></div>
			<?endif;?>
		</div>
	</section>

	<section>
		<p class="title" data-section-title><a href="#sched">Schedule</a></p>
		<div class="content" data-slug="sched" data-section-content>
			<?if($enrollment_id):?>
				<?@$this->load->view('guardian/_schedule')?>
			<?else:?>
				<div><code><?=$not_found_message;?></code></div>
			<?endif;?>
		</div>
	</section>
</div>
<?else:?>
	<div class="panel"><code><?=$not_found_message;?></code></div>
<?endif;?>

<!-- grade table modal -->
<div id="gradeTable" class="reveal-modal" style="margin-top:-10%;">
  <a class="close-reveal-modal btn btn-danger">&#215;</a>
  <?@$this->load->view('layouts/_grading_table');?>
</div>

<script>$(document).ready(function(){
  var icons = {
      header: "ui-icon-circle-arrow-e",
      activeHeader: "ui-icon-circle-arrow-s"
    }
  $('.accord').accordion({
    heightStyle: "content",
    icons:icons
  });
});</script>